// 歌曲搜索及歌单渲染
    // 按下回车
    // 查询数据
    // 渲染数据

// 歌曲播放
    // 点击播放
    // 歌曲地址获取与设置

// 歌曲封面
    // 歌曲封面获取及设置

// 歌曲评论
    // 评论获取和渲染

// 播放动画

// mv播放



var app = new Vue({
    el: '#player',
    data: {
        // 搜索关键词
        query: "",
        // 歌曲列表
        musicList: [],
        // 音乐网址
        musicUrl: "",
        // 音乐图片
        musicPic: "",
        // 歌曲评论
        hotComments: [],
        // 动画播放
        isPlay: false,
        // 视频播放
        mvUrl: "",
        // 遮罩层
        isShow: false,
    },

    methods: {
        // 搜索歌曲
        searchMusic: async function () {
            if(this.query.length != 0) {
                const {data : res} = await axios.get('https://autumnfish.cn/search?keywords=' + this.query);
                const response = res.result.songs;
                this.musicList = response;
            }else {
                alert('请输入内容！');
            }
        },

        // 播放音乐
        playMusic: async function(musicId) {
            // 歌曲播放
            const {data: res} = await axios.get('https://autumnfish.cn/song/url?id=' + musicId);
            // 音乐地址
            this.musicUrl = res.data[0].url;

            // 歌曲封面获取及设置
            const {data: res_p} = await axios.get('https://autumnfish.cn/song/detail?ids=' + musicId);
            this.musicPic = res_p.songs[0].al.picUrl;

            // 评论获取
            const {data : res_m} = await axios.get('https://autumnfish.cn/comment/hot?type=0&id=' + musicId);
            console.log(res_m);
            this.hotComments = res_m.hotComments;
        },

    // 动画播放
        play: function() {
            this.isPlay = true;
        }, 
        // 动画停止
        pause: function() {
            this.isPlay = false;
        },

    // 视频播放
        playMv: async function(mvid) {
            const {data: res} = await axios.get('https://autumnfish.cn/mv/url?id=' + mvid);
            this.mvUrl = res.data.url;
            this.isShow = true;
        },

        hide: function() {
            this.isShow = false;
        }
    }
})